@import "base";
html,body{
  font-family: 'helvetica neue',tahoma,'hiragino sans gb',stheiti,'wenquanyi micro hei',\5FAE\8F6F\96C5\9ED1,\5B8B\4F53,sans-serif;
}
.detail-info{
  background: #fff;
  padding: px2rem(20px, $base-font-size);
  padding-top: px2rem(30px, $base-font-size);
}

.detail-info-title{
  color: #333;
  @include px2px('font-size', 36);
  line-height: px2rem(52px, $base-font-size);
}

.am-flexbox .detail-info-sales{
  width: 100%;
  margin-top: px2rem(16px, $base-font-size);
  align-items: flex-end;
  padding-top: px2rem(20px, $base-font-size);
}

.am-flexbox  .detail-info-sales .price{
  color: #FE6367;
  @include px2px('font-size', 48);
  text-align: center;
  flex: 2;
}

.detail-info-sales .sales{
  color: #666;
  text-align: right;
  @include px2px('font-size', 24);
}

.xiaobian{
  width: px2rem(60px, $base-font-size);
  height: px2rem(60px, $base-font-size);
  border-radius: 50%;
  overflow: hidden;
  margin-left: px2rem(32px, $base-font-size);
}
.xiaobian img{
  width: px2rem(60px, $base-font-size);
  height: px2rem(60px, $base-font-size);
}

.am-flexbox .xiaobian-title{
  @include px2px('font-size', 28);
  color: #9c9c9c;
  margin-left: px2rem(-120px, $base-font-size);
}

.xiaobian-box{
  background: #fff;
  padding-top: px2rem(20px, $base-font-size);
}

.detail-pub-time{
  text-align: right;
  margin-right: px2rem(20px, $base-font-size);
  @include px2px('font-size', 24);
  color: #9c9c9c;
}

.xiaobian-content{
  @include px2px('font-size', 28);
  color: #333;
  line-height: px2rem(52px, $base-font-size);
  padding: px2rem(20px, $base-font-size) 0;
}

.taobao-price{
  @include px2px('font-size', 24);
  color: #666;
}

.copy-taosec{
  width: px2rem(480px, $base-font-size);
  justify-content: center;
  align-items: center;
  margin: 0 auto;
  padding: px2rem(40px, $base-font-size);
}
.am-flexbox .copy-taosec-input{
  width: px2rem(320px, $base-font-size);
  flex: 2;
}
.copy-taosec-input input{
  height: px2rem(60px, $base-font-size);
  width: px2rem(316px, $base-font-size);
  text-align: center;
  border: 1px dashed #f00;
  border-radius: 0;
  @include px2px('font-size', 36);
}

.am-flexbox .copy-button{
  margin: 0;
  width: px2rem(160px, $base-font-size);
}
.am-flexbox .copy-button div{
  color: #fff;
  background: #f00;
  width: px2rem(160px, $base-font-size);
  height: px2rem(68px, $base-font-size);
  line-height: px2rem(68px, $base-font-size);
  text-align: center;
  @include px2px('font-size', 28);
  margin-right: 0;
}

.am-flexbox .copy-taosec-notice{
  margin-top: px2rem(10px, $base-font-size);
  margin-left: 0;
}

.am-flexbox .copy-taosec-notice span{
  @include px2px('font-size', 24);
  color: #999999;
}

.detail-goods-price{
  @include px2px('font-size', 24);
  color: #999;
  margin-right: px2rem(40px, $base-font-size);
}

.detail-goods-price b{
  @include px2px('font-size', 40);
  color: #fe0000;
  margin-right: px2rem(14px, $base-font-size);
  position: relative;
  top: px2rem(4px, $base-font-size);
}

.goods-quan{
  @include px2px('font-size', 20);
  height: px2rem(34px, $base-font-size);
  line-height: px2rem(34px, $base-font-size);
  position: relative;
  color: white;
  border-left: #ff9950 1px dotted;
  margin-top: px2rem(12px, $base-font-size);
  display: flex;
}

.goods-quan span{
  width: px2rem(38px, $base-font-size);
  height: px2rem(34px, $base-font-size);
  text-align: center;
  background: #ff9950;
  line-height: px2rem(34px, $base-font-size);
}

.goods-quan b{
  margin: 0;
  @include px2px('font-size', 24);
  text-indent: 0;
  text-align: center;
  padding: 0 5px;
  color: #ff6a00;
  background: white;
  line-height: px2rem(32px, $base-font-size);
  height: px2rem(30px, $base-font-size);
  border: #ff9950 1px solid;
}

.am-flexbox .detail-goods-price-item{
  margin-left: 0;
}

.goods-share{
    color: #ff9950;
    margin-left: px2rem(80px, $base-font-size);
    line-height: px2rem(36px, $base-font-size);
    margin-top: px2rem(12px, $base-font-size);
    i{
        margin-right: px2rem(10px, $base-font-size);
        @include px2px('font-size', 24);
    }
}
